﻿<div class="panel panel-primary">
    <div class="panel-heading">
        <h3 class="panel-title">
            <i class="fa fa-bar-chart fa-2x"></i>Reportes
        </h3>
    </div>
    <div class="panel-body">
        <div class="container-fluid">
            <br />
            <div class="row">
                <div class="col-sm-6 col-md-4">
                    <div class="thumbnail" style="height:300px">
                        <img src="/Excellentproject/assets/img/reportes/chart-5.jpg" width="200" height="200">
                        <div class="caption">
                            <h4>Calificaciones por curso</h4>
                            <p class="text-center">
                                <a href="http://localhost/ExcellentProject.Calificaciones/api/reportes/CalificacionesCurso/xls/1" class="btn btn-success" role="button" id="calificacionCursoE" style="align-content:center"><i class="fa fa-file-excel-o fa-2x"></i></a> 
                                <a href="http://localhost/ExcellentProject.Calificaciones/api/reportes/CalificacionesCurso/pdf/1" class="btn btn-danger" role="button" id="calificacionCursoP" style="align-content:center"><i class="fa fa-file-pdf-o fa-2x"></i></a>
                            </p>
                        </div>
                    </div>
                </div>
                <div class="col-sm-6 col-md-4">
                    <div class="thumbnail" style="height:300px">
                        <img src="/Excellentproject/assets/img/reportes/chart-5.jpg" width="200" height="200">
                        <div class="caption">
                            <h4>Calificaciones por periodo</h4>
                            <p class="text-center">
                                <a href="http://localhost/ExcellentProject.Calificaciones/api/reportes/PeriodoEstudiantes/xls/1/1" class="btn btn-success" role="button" id="periodoEstudianteE" style="align-content:center"><i class="fa fa-file-excel-o fa-2x"></i></a>
                                <a href="http://localhost/ExcellentProject.Calificaciones/api/reportes/PeriodoEstudiantes/pdf/1/1" class="btn btn-danger" role="button" id="periodoEstudianteP" style="align-content:center"><i class="fa fa-file-pdf-o fa-2x"></i></a>
                            </p>
                        </div>
                    </div>
                </div>
                <div class="col-sm-6 col-md-4">
                    <div class="thumbnail" style="height:300px">
                        <img src="/Excellentproject/assets/img/reportes/chart-5.jpg" width="200" height="200">
                        <div class="caption">
                            <h4>Lista de Estudiantes</h4>
                            <p class="text-center">
                                <a href="http://localhost/ExcellentProject.Calificaciones/api/reportes/ListaEstudiantes/xls/1" class="btn btn-success" role="button" id="listaEstudianteE" style="align-content:center"><i class="fa fa-file-excel-o fa-2x"></i></a>
                                <a href="http://localhost/ExcellentProject.Calificaciones/api/reportes/ListaEstudiantes/pdf/1" class="btn btn-danger" role="button" id="listaEstudianteP" style="align-content:center"><i class="fa fa-file-pdf-o fa-2x"></i></a>
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
